<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="自动登录认证，校园网，智慧南工，南工大，南京工业大学">
    <meta name="description" content="智慧南工，自动登录认证，校园网，畅享网络">
    <title>智慧南工-自动登录认证</title>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="lib/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body data-spy="scroll" data-target="#mynav">

    <!-- 导航条 -->
    <nav class="navbar navbar-expand-md navbar-light fixed-top shadow" id="mynav">
        <div class="container">
            <span class="navbar-brand"><img src="favicon.ico" width="25px" alt=""><span> NJTECH</span></span>

            <button class="navbar-toggler" data-toggle="collapse" data-target="#navbar">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse justify-content-end" id="navbar">
                <div class="navbar-nav">
                    <a class="nav-item nav-link active" href="#page1">首页</a>
                    <a class="nav-item nav-link" href="#page2">应用介绍</a>
                    <a class="nav-item nav-link" href="#page3">常见问题</a>
                    <a class="nav-item nav-link" href="#page4">更新日志</a>
                    <a class="nav-item nav-link" href="#page5">相关推荐</a>
                </div>
            </div>
        </div>


    </nav>
    <!-- 导航条 -->

    <!-- 首页 -->
    <section class="home_page" id="page1">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="row mx-4 mx-md-0">
                        <div class="col-12">
                            <h2 class="text-center text-md-left">南工业大学 校园网</h2>
                            <h2 class="text-center text-md-left">
                                <span class="badge align-bottom">NJtech Auto Login</span> 认证服务 </h2>
                        </div>
                        <div class="col-12">
                            <p class="text-muted text-center text-md-left">
                                简化登录 避免繁琐认证<br>
                                一键认证 网络持续畅通<br><br> 
                                
                                <a id="resume_downurl", href="https://blog.csdn.net/Alpherkin/article/details/115599094">📫: 新增 IOS 快捷指令 2023.2.21</a>
                            </p>
                            
                        </div>
                        <div class="col-4 align-self-end">
                            <a class="windows_downurl", href="https://github.com/AlpHerk">
                                <button class="btn btn-primary w-100">
                                    <img src="images/windows.svg" height="14px"><span
                                        class="text-nowrap align-middle ml-2 d-none d-lg-inline"> Windows</span>
                                </button>
                            </a>
                        </div>
                        <div class="col-4 align-self-end">
                            <a class="android_downurl", href="https://github.com/AlpHerk">
                                <button class="btn btn-success w-100">
                                    <img src="images/android.svg" height="22px">
                                    <span
                                        class="text-nowrap align-middle ml-2 d-none d-lg-inline">Android</span></button>
                            </a>
                        </div>
                        <div class="col-4 align-self-end">
                            <a href="https://www.icloud.com/shortcuts/ecf46479c1a94404b23925cdc533e5ef">
                                <button class="btn btn-danger w-100">
                                    <img src="images/ios.svg" height="17px">
                                    <span class="text-nowrap align-middle ml-2 d-none d-lg-inline">IOS</span></button>
                            </a>
                        </div>
                         
                    </div>
                    
                </div>
                <div class="col-md-6">
                    <div class="d-none d-md-block" id="exhi_img">
                        <!-- <img src="" alt="" width="400px"> -->
                        <img src="images/phone.png" class="" alt="" width="180px">
                    </div>
                </div>
            </div>
        </div>
    </section>
 
    <!-- 应用介绍 -->
    <section class="intro_page" id="page2">
        <div class="container">
            <h2 class="h2 text-center">应用<span>介绍</span></h2>
            <div class="text-center">— - —</div>
            <div class="row align-items-center justify-content-between">
                <div class="col-md-6">
                    <img src="images/illustration/113.webp" id="exhi_img2" class="img-fluid">
                </div>
                <div class="col-md-6">
                    <div class="row row-cols-2">
                        <div class="col">
                            <div>
                                <div>
                                    <img src="images/ai.svg" class="align-text-bottom" width="25px" alt="">
                                    <span class="card-title ">智能认证</span>
                                </div>
                                <p class="card-text text-muted">电脑端开机自动认证 <br> 手机端一键登录认证</p>
                            </div>
                        </div>
                        <div class="col">
                            <div>

                                <div>
                                    <img src="images/safe.svg" class="align-text-bottom" width="23px" alt="">
                                    <span class="card-title ">绿色安全</span>
                                </div>
                                <p class="card-text text-muted">软件开源绿色免费 <br> 个人隐私安全无忧
                                </p>
                            </div>
                        </div>
                        <div class="col">
                            <div>
                                <div>
                                    <img src="images/quick.svg" class="align-text-bottom" width="25px" alt="">
                                    <span class="card-title ">高效快捷</span>
                                </div>
                                <p class="card-text text-muted">高效的协程并发 <br> 极速的网络认证</p>
                            </div>
                        </div>
                        <div class="col">
                            <div>
                                <div>
                                    <img src="images/more.svg" class="align-text-bottom" width="20px" alt="">
                                    <span class="card-title ">更多功能</span>
                                </div>
                                <p class="card-text text-muted">软件持续更新中~ <br> 关注获取最新
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <br><br><br><br><br> 

    <!-- 常见问题 -->
    <section class="faq_page" id="page3">
        <div class="container">
            <h2 class="h2 text-center">常见<span>问题</span></h2>
            <div class="text-center">— - —</div>
            <div class="row">
                <div class="col-md-6">
                    <div class="accordion" id="accordionQuestion">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <h2 class="mb-0">
                                    <button class="btn btn-block text-left" onMouseOver="this.click()" type="button"
                                        data-toggle="collapse" data-target="#collapseOne" aria-expanded="true"
                                        aria-controls="collapseOne">
                                        为什么网络认证会失败？
                                    </button>
                                </h2>
                            </div>

                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                                data-parent="#accordionQuestion">
                                <div class="card-body">
                                    1.笔记本/手机打开WiFi连接<br>
                                    2.确认连接 Njtech-home 网络<br>
                                    3.确认电脑的使用校园IP地址有效<br>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingTwo">
                                <h2 class="mb-0">
                                    <button class="btn btn-block text-left collapsed" onMouseOver="this.click()"
                                        type="button" data-toggle="collapse" data-target="#collapseTwo"
                                        aria-expanded="false" aria-controls="collapseTwo">
                                        如何让校园网不断网？
                                    </button>
                                </h2>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                data-parent="#accordionQuestion">
                                <div class="card-body">
                                    如需电脑/手机保持网络连接，请在软件内设置相关服务。
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingThree">
                                <h2 class="mb-0">
                                    <button class="btn btn-block text-left collapsed" onMouseOver="this.click()"
                                        type="button" data-toggle="collapse" data-target="#collapseThree"
                                        aria-expanded="false" aria-controls="collapseThree">
                                        应用软件收费吗？
                                    </button>
                                </h2>
                            </div>
                            <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                data-parent="#accordionQuestion">
                                <div class="card-body">
                                    软件是免费的，仅个人兴趣开发。
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingFour">
                                <h2 class="mb-0">
                                    <button class="btn btn-block text-left collapsed" onMouseOver="this.click()"
                                        type="button" data-toggle="collapse" data-target="#collapseFour"
                                        aria-expanded="false" aria-controls="collapseFour">
                                        个人隐私安全吗？
                                    </button>
                                </h2>
                            </div>
                            <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                data-parent="#accordionQuestion">
                                <div class="card-body">
                                    1.软件是开源的，开源地址见我的 <a href="https://github.com/AlpHerk/NjtechAutoLogin">GitHub</a>
                                    <br>
                                    2.软件将严格遵循用户个人隐私政策。<br>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <img src="images/question.webp" id="exhi_img3" class="img-fluid">
                </div>
            </div>
        </div>
    </section>
    <br><br><br><br><br>

    <!-- 更新日志 -->
    <section class="upgrade_page" id="page4">
        <div class="container">
            <h2 class="h2 text-center">更新<span>日志
            <div class="text-center">— - —</div></span></h2>
            <div class="row align-items-center justify-content-between">
                <div class="col-md-6">
                    <img src="images/illustration/104.webp" id="exhi_img4" class="img-fluid">
                </div>
                <div class="col-md-6">
                    <div class="row row-cols-2">
                        <div class="col">
                            <div>
                                <div>
                                    <img src="images/conputor.svg" class="align-text-bottom" width="25px" alt="">
                                    <span class="card-title ">
                                        <a class="windows_downurl", href="https://github.com/AlpHerk">桌面版</a>
                                    </span>
                                </div>
                                <p class="card-text text-muted">
                                    <br>
                                    1. 增加最新网络认证通道<br>
                                    2. 增加一个注销认证按钮<br>
                                    3. 优化登录日志输出显示<br>
                                    4. 修复部分按钮颜色显示<br>
                                    <br>
                                    <br>
                                    <br>
                                </p>
                            </div>
                        </div>
                        <div class="col">
                            <div>

                                <div>
                                    <img src="images/phone_smal.svg" class="align-text-bottom" width="23px" alt="">
                                    <span class="card-title ">
                                        <a class="android_downurl", href="https://github.com/AlpHerk">安卓版</a>
                                    </span>
                                </div>
                                <p class="card-text text-muted">
                                    <br>
                                        1. 增加最新网络认证通道<br>
                                        2. 右上角增加了注销功能<br>
                                        3. 调整网络守护服务逻辑<br>
                                        <br>
                                    <br>
                                    <br>
                                    <br>
                                </p>
                            </div>
                        </div>
   
                         
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <br><br><br><br><br>

    <!-- 相关推荐 -->
    <section class="introduce_page" id="page5">
        <div class="container">
            <h2 class="h2 text-center">相关<span>推荐</span></h2>
            <div class="text-center">— - —</div>
            <div class="row align-items-center justify-content-between">
                <div class="col-md-6">
                    <img src="images/illustration/103.webp" id="exhi_img2" class="img-fluid">
                </div>
                <div class="col-md-6">
                    <div class="row row-cols-2">
                        <div class="col">
                            <div>
                                <div>
                                    <img src="images/ai.svg" class="align-text-bottom" width="25px" alt="">
                                    <span class="card-title ">
                                        <a href="https://blog.csdn.net/Alpherkin/article/details/120308251">
                                            百度搜索网页美化
                                        </a>
                                    </span>
                                </div>
                                <p class="card-text text-muted">
                                    利用浏览器插件 Stylus，对百度搜索页面进行一系列美化.<br>
                                    卡片模糊、十余种背景一键更换.<br>
                                    后续计划美化 Bing<br> 
                                    
                                </p>
                            </div>
                        </div>
                        <div class="col">
                            <div>
                                <div>
                                    <img src="images/safe.svg" class="align-text-bottom" width="25px" alt="">
                                    <span class="card-title ">
                                        <a href="https://github.com/AlpHerk/QtDracula">
                                            模板框架 QtDracula
                                        </a>
                                    </span>
                                </div>
                                <p class="card-text text-muted">
                                    基于 PyDracula(PySide6/PyQt6) 移植.<br>
                                    南工认证桌面版即以此为模板.<br>
                                    <br> 
                                    <br>  
                                </p>
                            </div>
                        </div>
                        <div class="col">
                            <div>

                                <div>
                                    <img src="images/quick.svg" class="align-text-bottom" width="23px" alt="">
                                    <span class="card-title ">
                                        <a href="https://github.com/AlpHerk/LibraryReserveSys">
                                            图书馆预约系统
                                        </a>
                                    </span>
                                </div>
                                <p class="card-text text-muted">
                                    ⌈我去图书馆⌋ 云端部署，自动预约.<br> 
                                    项目仅供研究使用，严禁非法用途.<br> 
                                    <br> 
                                    <br>   
                                </p>
                            </div>
                        </div>
                        
                        <div class="col">
                            <div>
                                <div>
                                    <img src="images/more.svg" class="align-text-bottom" width="20px" alt="">
                                    <span class="card-title ">
                                        <a href="https://blog.csdn.net/Alpherkin">
                                            更多推荐
                                        </a>
                                    </span>
                                </div>
                                <p class="card-text text-muted">
                                    软件持续更新中~ <br> 
                                    关注获取最新.<br> 
                                    <br> 
                                    <br>  
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <br><br><br><br><br>

    <!-- 页脚 -->
    <br><br>
    <footer>
        <div class="container">
            <div class="text-center">
                <div>Copyright © 2023 
                    <a href="https://blog.csdn.net/Alpherkin">Herk</a>
                    all rights reserved   |    Powered by 
                    <a href="https://github.com/AlpHerk">Github</a>
                </div>
            </div>
        </div>
        <br> 
    </footer>

    <!-- 轮播图 -->
    <!-- <div id="carousel" class="carousel slide" data-ride="carousel">

        <ol class="carousel-indicators">
            <li data-target="#carousel" data-slide-to="0" class="active"></li>
            <li data-target="#carousel" data-slide-to="1"></li>
            <li data-target="#carousel" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="images/1.jpg" class="w-100" alt="s">
                <div class="carousel-caption d-none d-md-block">
                    <h5>轮播图标题</h5>
                    <p>轮播图内容</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="images/2.jpg" class="w-100" alt="s">
                <div class="carousel-caption d-none d-md-block">
                    <h5>轮播图标题</h5>
                    <p>轮播图内容</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="images/3.jpg" class="w-100" alt="s">
                <div class="carousel-caption d-none d-md-block">
                    <h5>轮播图标题</h5>
                    <p>轮播图内容</p>
                </div>
            </div>
        </div>

        <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        </a>
        <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
        </a>
    </div> -->




    <script src="lib/js/jquery.js"></script>
    <script src="lib/js/bootstrap.bundle.min.js"></script>

    <script type="text/javascript">
        var httpRequest = new XMLHttpRequest(); 
        httpRequest.open('GET', 'https://api.github.com/repos/AlpHerk/NjtechAutoLogin/releases/latest', true); 
        httpRequest.send(); 
        
        httpRequest.onreadystatechange = function () {
            if (httpRequest.readyState == 4 && httpRequest.status == 200) {
                var text = httpRequest.responseText;
                var obj = JSON.parse(text);  
                
                document.getElementsByClassName("android_downurl")[0].href = obj.assets[0].browser_download_url;
                document.getElementsByClassName("android_downurl")[1].href = obj.assets[0].browser_download_url;
                
                document.getElementsByClassName("windows_downurl")[0].href = obj.assets[2].browser_download_url;
                document.getElementsByClassName("windows_downurl")[1].href = obj.assets[2].browser_download_url;
                // document.getElementById("python_downurl" ).href = obj.assets[1].browser_download_url;

                // if (/.apk$/.test(obj.assets[0].name)) {
                //     document.getElementById("android_downurl").href = obj.assets[0].browser_download_url;
                // }
                // if (/.py$/.test(obj.assets[1].name)) {
                //     document.getElementById("python_downurl").href = obj.assets[1].browser_download_url;
                // }
                // if (/.zip$/.test(obj.assets[3].name)) {
                //     document.getElementById("windows_downurl").href = obj.assets[3].browser_download_url;
                // }
                  
            }
        };



    </script>
    
</body>

</html>
